{% extends 'tend/common/base.html' %}
{% import "tend/macros/_patination.html" as page_macros %}
{% import "tend/macros/_flash.html" as flash_macros %}
{% block title %} {{category.seo_title or category.title}} {% endblock %}
{% block keywords %} {{category.seo_keywords or category.title}} {% endblock %}
{% block description %} {{category.seo_description or ''}} {% endblock %}
{% block css %}
{{super()}}
<link href="{{ url_for('main.static', filename='css/seo_tool.css') }}" rel="stylesheet">
<link href="{{ url_for('main.static', filename='css/landy-iconfont.css') }}" rel="stylesheet">
<link href="{{ url_for('main.static', filename='vendor/owl.carousel/assets/owl.carousel.css') }}" rel="stylesheet">
<link href="{{ url_for('main.static', filename='vendor/owl.carousel/assets/owl.theme.default.css') }}" rel="stylesheet">
<link href="{{ url_for('main.static', filename='css/detail.css') }}" rel="stylesheet">
<style>

</style>
{% endblock %}
{% block main %}
<section id="hero" class="hero hero-home bg-gray">
    <div class="container">
        <div class="row d-flex">
            <div class="col-lg-6 text order-2 order-lg-1">
                <h1><span style="color: blueviolet;">Seo</span>-<span style="color:gold;">Tool</span> — 精简轻巧版SEO自媒体工具
                </h1>
                <p class="hero-text">支持主流平台账号管理、支持常见Ai模型接口批量生成文章、支持seo常用操作、支持关键词查并记录查询历史统计分析、支持网站收录查询并记录历史统计分析</p>
                <div class="CTA">
                    <a href="{{url_for('main.seo_tool_download')}}" class="btn btn-primary btn-shadow btn-gradient link-scroll">下载</a>
                    <a href="{{url_for('main.account.vip_pay')}}" class="btn btn-outline-primary">开通会员</a>
                </div>
            </div>
            <div class="col-lg-6 order-1 order-lg-2"><img
                    src="{{url_for('main.static',filename='img/seo-tool/account.png')}}" alt="..." class="img-fluid">
            </div>
        </div>
    </div>
</section>

<section id="browser" class="browser" style="background-color: #fff;">
    <div class="container">
        <div class="row d-flex justify-content-center">
            <div class="col-lg-8 text-center">
                <h2 class="h3 mb-5">How it works</h2>
                <div class="browser-mockup">
                    <div id="nav-tabContent" class="tab-content">
                        <div id="nav-first" role="tabpanel" aria-labelledby="nav-first-tab"
                            class="tab-pane fade active show" aria-expanded="true"><img
                                src="{{url_for('main.static',filename='img/seo-tool/account.png')}}" alt="..."
                                class="img-fluid"></div>
                        <div id="nav-second" role="tabpanel" aria-labelledby="nav-second-tab" class="tab-pane fade"
                            aria-expanded="false"><img src="{{url_for('main.static',filename='img/seo-tool/zmt.png')}}"
                                alt="..." class="img-fluid"></div>
                        <div id="nav-third" role="tabpanel" aria-labelledby="nav-third-tab" class="tab-pane fade"
                            aria-expanded="false"><img src="{{url_for('main.static',filename='img/seo-tool/seo.png')}}"
                                alt="..." class="img-fluid"></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="myTab" role="tablist" class="nav nav-tabs">
            <div class="row">
                <div class="col-md-4"><a id="nav-first-tab" data-toggle="tab" href="#nav-first" role="tab"
                        aria-controls="nav-first" aria-expanded="true" class="nav-item nav-link active"> <span
                            class="number">1</span>主流平台账号管理，数据均保存本地，调用本地浏览器安全运行</a></div>
                <div class="col-md-4"><a id="nav-second-tab" data-toggle="tab" href="#nav-second" role="tab"
                        aria-controls="nav-second" class="nav-item nav-link" aria-expanded="false"> <span
                            class="number">2</span>多平台文章撰写与发布、视频批量剪辑1分钟1000条(开发中敬请期待)</a></div>
                <div class="col-md-4"><a id="nav-third-tab" data-toggle="tab" href="#nav-third" role="tab"
                        aria-controls="nav-third" class="nav-item nav-link" aria-expanded="false"> <span
                            class="number">3</span>Seo工具，查排名、查收录、外链发送、对接主流Ai模型批量文章自动生成</a></div>
            </div>
        </div>
    </div>
</section>

<section id="about-us" class="about-us bg-gray">
    <div class="container">
        <h2>Seo-Tool</h2>
        <div class="row">
            <p class="lead col-lg-10">
                Seo-Tool是一款精简轻巧版的SEO自媒体工具，本工具支持主流平台账号登录管理，并直接调用本地浏览器安全运行；主动检测关键词排名及收录变化；打造7000+主流站点外链发送链接，可一键发送外链，提高网站权重；对接主流Ai大模型，支持自定义prompt批量文章生成；
                <br>【多平台文章撰写与发布、视频批量剪辑1分钟1000条、支持对接z-blog等主流CMS网站自动文章推送(更多功能正在开发路上，敬请期待)】
            </p>
        </div><a href="{{url_for('main.seo_tool_download')}}" class="btn btn-primary btn-shadow btn-gradient">下载Seo-Tool</a>
    </div>
</section>

<section id="features" class="features" style="background-color: #fff;">
    <div class="container">
        <div class="row d-flex align-items-center">
            <div class="text col-lg-6 order-2 order-lg-1">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 792" class="img-fluid">
                        <path opacity=".5" fill="#37CFDC"
                            d="M306 107.1c-102.1 0-184.9 82.8-184.9 184.9S203.9 476.9 306 476.9 490.9 394.1 490.9 292 408.1 107.1 306 107.1zm50.3 262.3L306 343l-50.3 26.5 9.6-56-40.7-39.7 56.3-8.2 25.2-51 25.2 51 56.3 8.2-40.7 39.7 9.4 55.9z" />
                        <g fill="#37CFDC">
                            <path
                                d="M462.9 467c-9.5 0-17.1 7.7-17.1 17.1v112.2L394 561.5c-5.8-3.9-13.3-3.9-19.1 0l-51.8 34.9v-63.7c0-9.5-7.7-17.1-17.1-17.1-9.5 0-17.1 7.7-17.1 17.1v120.1l-51.8-34.9c-5.8-3.9-13.3-3.9-19.1 0l-51.8 34.9v-215C202.5 472.6 251.8 494 306 494c111.4 0 202-90.6 202-202S417.4 90 306 90s-202 90.6-202 202c0 37.4 10.2 72.4 28 102.5v290.4c0 6.3 3.5 12.1 9.1 15.1s12.4 2.6 17.6-.9l68.9-46.4 68.9 46.4c2.9 1.9 6.2 2.9 9.6 2.9 2.8 0 5.5-.7 8-2 5.6-3 9.1-8.8 9.1-15.1v-47.3l61.3-41.3 68.9 46.4c2.9 1.9 6.2 2.9 9.6 2.9 2.8 0 5.5-.7 8-2 5.6-3 9.1-8.8 9.1-15.1V484.1c-.1-9.5-7.7-17.1-17.2-17.1zM306 124.2c92.5 0 167.8 75.3 167.8 167.8S398.5 459.8 306 459.8 138.2 384.5 138.2 292 213.5 124.2 306 124.2z" />
                            <path
                                d="M246.9 319.4l-8.1 47.2c-1.1 6.4 1.5 12.9 6.8 16.7 5.3 3.8 12.3 4.3 18 1.3l42.3-22.3 42.3 22.3c2.5 1.3 5.2 2 8 2 3.5 0 7.1-1.1 10.1-3.3 5.3-3.8 7.9-10.3 6.8-16.7l-8.1-47.2 34.3-33.4c4.7-4.5 6.3-11.4 4.3-17.5-2-6.2-7.4-10.7-13.8-11.7l-47.3-6.9-21.1-42.9c-2.9-5.8-8.8-9.5-15.4-9.5s-12.5 3.7-15.4 9.5l-21.2 42.9-47.3 6.9c-6.4.9-11.8 5.5-13.8 11.7-2 6.2-.3 13 4.3 17.5l34.3 33.4zm36.4-36.9c5.6-.8 10.4-4.3 12.9-9.4l9.8-19.9 9.8 19.9c2.5 5.1 7.3 8.6 12.9 9.4l21.9 3.2-15.9 15.5c-4 3.9-5.9 9.6-4.9 15.2l3.7 21.8-19.5-10.4c-2.5-1.3-5.2-2-8-2-2.7 0-5.5.7-8 2l-19.6 10.3 3.7-21.8c1-5.6-.9-11.2-4.9-15.2l-15.9-15.5 22-3.1z" />
                        </g>
                    </svg>
                </div>
                <h4>多平台账号管理</h4>
                <p>支持主流平台账号管理，博主也在不段的增加平台登录对接 </p>
                <a href="{{url_for('main.seo_tool_download')}}" class="btn btn-primary btn-shadow btn-gradient">下载Seo-Tool</a>
            </div>
            <div class="image col-lg-6 order-1 order-lg-2"><img
                    src="{{url_for('main.static',filename='img/seo-tool/login_dark.png')}}" alt="..." class="img-fluid">
            </div>
        </div>
        <div class="row d-flex align-items-center">
            <div class="image col-lg-6">
                <img src="{{url_for('main.static',filename='img/seo-tool/login_light.png')}}" alt="..."
                    class="img-fluid">
            </div>
            <div class="text col-lg-6">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 792" class="img-fluid">
                        <path
                            d="M306 415.1c-3.8 0-7.7-1.2-11-3.5l-124.2-88c-25-17.7-39.9-46.9-39.9-78.3V109c0-10.5 8.5-19 19-19s19 8.5 19 19v136.3c0 19 8.9 36.7 23.9 47.3L306 372.8l113.3-80.2c15-10.6 23.9-28.2 23.9-47.3v-52.7c0-10.5 8.5-19 19-19s19 8.5 19 19v52.7c0 31.4-14.9 60.6-40 78.3l-124.2 88c-3.3 2.3-7.2 3.5-11 3.5zm225.3 175.7c-10.5 0-19-8.5-19-19V220.2c0-10.5 8.5-19 19-19s19 8.5 19 19v351.6c0 10.5-8.5 19-19 19zm-450.6 0c-10.5 0-19-8.5-19-19V220.2c0-10.5 8.5-19 19-19s19 8.5 19 19v351.6c0 10.5-8.5 19-19 19z"
                            fill="#37CFDC" />
                        <path
                            d="M149.8 571.9h312.3v111H149.8zm312.4-462.8v111H149.8V109h.2-.2v136.4c0 25.2 12 48.7 31.9 62.8l124.2 88 124.2-88c20-14.1 31.9-37.6 31.9-62.8v-52.7l.2-83.6z"
                            opacity=".5" fill="#37CFDC" />
                        <path fill="#37CFDC"
                            d="M536.2 663.9h-55.1V546.6c0-31.4-14.9-60.6-39.9-78.3L339 396l102.2-72.3c25-17.7 40-46.9 40-78.3V128.1h55.1c10.5 0 19-8.5 19-19s-8.5-19-19-19H151.7c-1.1-.1-2.3-.1-3.4 0H75.7c-10.5 0-19 8.5-19 19s8.5 19 19 19h55.1v117.3c0 31.4 14.9 60.6 39.9 78.3l124.2 88c.6.4 1.3.8 2 1.2l122.3 86.6c15 10.6 23.9 28.2 23.9 47.3v6.3H168.8v-6.3c0-19 8.9-36.7 23.9-47.3 8.6-6.1 10.6-17.9 4.6-26.5-6.1-8.6-17.9-10.6-26.5-4.6-25 17.7-40 46.9-40 78.3V664H75.7c-10.5 0-19 8.5-19 19s8.5 19 19 19H148c.6.1 1.2.1 1.9.1h312.3c.6 0 1.2 0 1.9-.1h72.2c10.5 0 19-8.5 19-19 0-10.6-8.6-19.1-19.1-19.1zm-93-535.8v73H168.8v-73h274.4zM168.8 245.4v-6.3h274.3v6.3c0 19-8.9 36.7-23.9 47.3L306 372.8l-113.3-80.2c-14.9-10.5-23.9-28.2-23.9-47.2zm0 345.5h274.3v73H168.8v-73z" />
                    </svg>
                </div>
                <h4>网站数据监控</h4>
                <p>通过seo-tool可以监控网站关键词在百度的排名情况，收录情况，软件支持统计数表，方便查看 </p>
                <a href="{{url_for('main.seo_tool_download')}}" class="btn btn-primary btn-shadow btn-gradient">下载Seo-Tool</a>
            </div>
        </div>
        <div class="row d-flex align-items-center">
            <div class="text col-lg-6 order-2 order-lg-1">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 792" class="img-fluid">
                        <path fill="#37CFDC"
                            d="M306 526.5c-3.2 0-6.5-.9-9.3-2.7L171.3 445c-37-23.3-59.2-63.3-59.2-107.1V137.3c0-26.1 21.2-47.3 47.3-47.3h293.2c26.1 0 47.3 21.2 47.3 47.3v106.1c0 9.7-7.9 17.5-17.5 17.5s-17.5-7.9-17.5-17.5V137.3c0-6.7-5.5-12.2-12.2-12.2H159.4c-6.7 0-12.2 5.5-12.2 12.2V338c0 31.6 16 60.5 42.7 77.4l116 72.9 116-72.9c26.8-16.8 42.7-45.7 42.7-77.4 0-9.7 7.9-17.5 17.5-17.5s17.5 7.9 17.5 17.5c0 43.8-22.1 83.8-59.2 107.1L315 523.9c-2.5 1.7-5.8 2.6-9 2.6z" />
                        <path fill="#CEE8FA"
                            d="M264.6 491.7l-51.8 45.8c-14.1 12.4-22.1 30.3-22.1 49.1v98h230.6v-98c0-18.8-8.1-36.6-22.1-49.1l-51.8-45.8h-82.8z" />
                        <path fill="#2D527C"
                            d="M421.3 702H190.7c-9.7 0-17.5-7.9-17.5-17.5v-98c0-23.8 10.2-46.5 28.1-62.2l51.8-45.8c3.2-2.8 7.3-4.4 11.6-4.4h82.7c4.3 0 8.4 1.6 11.6 4.4l51.8 45.8c17.8 15.7 28.1 38.4 28.1 62.2v98c0 9.6-7.9 17.5-17.6 17.5zm-213.1-35.1h195.5v-80.4c0-13.7-5.9-26.8-16.2-35.9l-46.8-41.4h-69.4l-46.8 41.4c-10.3 9.1-16.2 22.2-16.2 35.9l-.1 80.4z" />
                        <path opacity=".5" fill="#37CFDC"
                            d="M264.6 491.7l-51.8 45.8c-14.1 12.4-22.1 30.3-22.1 49.1v98h230.6v-98c0-18.8-8.1-36.6-22.1-49.1l-51.8-45.8h-82.8z" />
                        <g fill="#37CFDC">
                            <path
                                d="M421.3 702H190.7c-9.7 0-17.5-7.9-17.5-17.5v-98c0-23.8 10.2-46.5 28.1-62.2l51.8-45.8c3.2-2.8 7.3-4.4 11.6-4.4h82.7c4.3 0 8.4 1.6 11.6 4.4l51.8 45.8c17.8 15.7 28.1 38.4 28.1 62.2v98c0 9.6-7.9 17.5-17.6 17.5zm-213.1-35.1h195.5v-80.4c0-13.7-5.9-26.8-16.2-35.9l-46.8-41.4h-69.4l-46.8 41.4c-10.3 9.1-16.2 22.2-16.2 35.9l-.1 80.4zm83.9-385.1l-7.8 4.8c-2.4 1.6-4.8 2.1-6.7 2.1-7.8 0-13.1-8.3-13.1-16.6 0-5.6 2.4-11 7.8-14.2l35.4-21.4c2.1-1.3 4.8-1.9 7.8-1.9 8.6 0 18.5 5.1 18.5 13.1v170.5c0 8.6-10.5 12.9-20.9 12.9-10.5 0-20.9-4.3-20.9-12.9l-.1-136.4z" />
                            <path
                                d="M481.9 702H130.1c-9.7 0-17.5-7.9-17.5-17.5 0-9.7 7.9-17.5 17.5-17.5h351.7c9.7 0 17.5 7.9 17.5 17.5.1 9.6-7.7 17.5-17.4 17.5zm82.9-393.7c-5.2 0-10.3-2.3-13.8-6.6-6-7.6-4.7-18.6 2.8-24.6 8-6.4 12.6-15.9 12.6-26.1 0-18.4-15-33.3-33.3-33.3s-33.3 15-33.3 33.3c0 9.7-7.9 17.5-17.5 17.5s-17.5-7.9-17.5-17.5c0-37.7 30.7-68.4 68.4-68.4s68.4 30.7 68.4 68.4c0 21-9.5 40.6-25.9 53.6-3.2 2.4-7.1 3.7-10.9 3.7zm-517.6 0c-3.8 0-7.7-1.2-10.9-3.8-16.5-13.1-25.9-32.6-25.9-53.6 0-37.7 30.7-68.4 68.4-68.4s68.4 30.7 68.4 68.4c0 9.7-7.9 17.5-17.5 17.5-9.7 0-17.5-7.9-17.5-17.5 0-18.4-15-33.3-33.3-33.3s-33.3 15-33.3 33.3c0 10.2 4.6 19.8 12.6 26.1 7.6 6 8.9 17.1 2.8 24.6-3.5 4.4-8.6 6.7-13.8 6.7z" />
                        </g>
                        <path opacity=".5" fill="#37CFDC"
                            d="M482.3 181.9v-44.7c0-16.4-13.3-29.7-29.7-29.7H159.4c-16.4 0-29.7 13.3-29.7 29.7v44.7h352.6z" />
                        <path fill="#37CFDC"
                            d="M482.3 199.5H129.7c-9.7 0-17.5-7.9-17.5-17.5v-44.7c0-26.1 21.2-47.3 47.3-47.3h293.2c26.1 0 47.3 21.2 47.3 47.3V182c-.1 9.6-8 17.5-17.7 17.5zm-335.1-35.1h317.6v-27.1c0-6.7-5.5-12.2-12.2-12.2H159.4c-6.7 0-12.2 5.5-12.2 12.2v27.1z" />
                    </svg>
                </div>
                <h4>自媒体管理</h4>
                <p>多平台文章撰写与发布、视频批量剪辑1分钟1000条(开发中敬请期待)</p><a href="{{url_for('main.seo_tool_download')}}"
                    class="btn btn-primary btn-shadow btn-gradient">下载Seo-Tool</a>
            </div>
            <div class="image col-lg-6 order-1 order-lg-2"><img
                    src="{{url_for('main.static',filename='img/seo-tool/account.png')}}" alt="..." class="img-fluid">
            </div>
        </div>
    </div>
</section>

<section id="extra-features" class="extra-features bg-primary">
    <div class="container text-center">
        <header>
            <h2>软件功能特性 </h2>
            <div class="row">
                <p class="lead col-lg-8 mx-auto">软件尽量采用轻巧便捷的方式进行开发，软件本身体积不控制在30M以内.</p>
            </div>
        </header>
        <div class="grid row">
            <div class="item col-lg-4 col-md-6">
                <div class="icon"> <i class="icon-diploma"></i></div>
                <h3 class="h5">性能卓越</h3>
                <p>该软件具有出色的性能，运行速度快，响应时间短，能够高效地完成各种任务。
                </p>
            </div>
            <div class="item col-lg-4 col-md-6">
                <div class="icon"> <i class="icon-folder-1"></i></div>
                <h3 class="h5">界面友好</h3>
                <p>该软件拥有直观、简洁的用户界面，易于上手，即使对于初学者来说也能快速掌握操作方法.
                </p>
            </div>
            <div class="item col-lg-4 col-md-6">
                <div class="icon"> <i class="icon-gears"></i></div>
                <h3 class="h5">功能丰富</h3>
                <p>软件提供了丰富的功能，涵盖了用户在日常工作中的各种需求，能够满足不同场景下的使用要求.
                </p>
            </div>
            <div class="item col-lg-4 col-md-6">
                <div class="icon"> <i class="icon-management"></i></div>
                <h3 class="h5">稳定性高</h3>
                <p>该软件注重用户数据安全，采用了多种加密和安全防护措施，确保用户数据的安全性和隐私性.
                </p>
            </div>
            <div class="item col-lg-4 col-md-6">
                <div class="icon"> <i class="icon-pie-chart"></i></div>
                <h3 class="h5">智能化程度高</h3>
                <p>该软件运用了先进的人工智能技术，能够智能识别用户需求，提供个性化的解决方案，提升用户的工作效率和体验.
                </p>
            </div>
            <div class="item col-lg-4 col-md-6">
                <div class="icon"> <i class="icon-quality"></i></div>
                <h3 class="h5">支持完善</h3>
                <p>软件提供全面的技术支持和售后服务，用户在使用过程中遇到问题可以得到及时的帮助和解决方案.
                </p>
            </div>
        </div>
    </div>
</section>

<section id="testimonials" class="testimonials" style="background-color: #fff;">
    <div class="container">
        <header class="text-center no-margin-bottom">
            <h2>客户反馈</h2>
            <p class="lead">There are many variations of passages of Lorem Ipsum available, but the majority have</p>
        </header>
        <div class="owl-carousel owl-theme testimonials-slider">
            <div class="item-holder">
                <div class="item">
                    <div class="avatar"><img src="{{url_for('main.static',filename='img/seo-tool/avatar-3.jpg')}}"
                            alt="..." class="img-fluid"></div>
                    <div class="text">
                        <div class="quote">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="512" height="512"
                                class="img-fluid">
                                <path d="M0 4v24l12-12V4zm20 0v24l12-12V4z" fill="#e4e4e4" />
                            </svg>
                        </div>
                        <p>这款软件真的非常好用！它的界面设计简洁明了，操作起来也十分便捷。无论是新手还是老手，都能快速上手并熟练掌握各项功能。同时，软件的运行速度非常快，无论是处理大量数据还是进行复杂运算，都能迅速给出结果，极大地提高了工作效率。
                        </p><strong class="name">Jessica Watson</strong>
                    </div>
                </div>
            </div>
            <div class="item-holder">
                <div class="item">
                    <div class="avatar"><img src="{{url_for('main.static',filename='img/seo-tool/avatar-5.jpg')}}"
                            alt="..." class="img-fluid"></div>
                    <div class="text">
                        <div class="quote">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="512" height="512"
                                class="img-fluid">
                                <path d="M0 4v24l12-12V4zm20 0v24l12-12V4z" fill="#e4e4e4" />
                            </svg>
                        </div>
                        <p>这款软件真的非常好用！它的界面设计简洁明了，操作起来也十分便捷。无论是新手还是老手，都能快速上手并熟练掌握各项功能。同时，软件的运行速度非常快，无论是处理大量数据还是进行复杂运算，都能迅速给出结果，极大地提高了工作效率。
                        </p><strong class="name">Sarrah Wood</strong>
                    </div>
                </div>
            </div>
            <div class="item-holder">
                <div class="item">
                    <div class="avatar"><img src="{{url_for('main.static',filename='img/seo-tool/avatar-3.jpg')}}"
                            alt="..." class="img-fluid"></div>
                    <div class="text">
                        <div class="quote">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="512" height="512"
                                class="img-fluid">
                                <path d="M0 4v24l12-12V4zm20 0v24l12-12V4z" fill="#e4e4e4" />
                            </svg>
                        </div>
                        <p>这款软件真的非常好用！它的界面设计简洁明了，操作起来也十分便捷。无论是新手还是老手，都能快速上手并熟练掌握各项功能。同时，软件的运行速度非常快，无论是处理大量数据还是进行复杂运算，都能迅速给出结果，极大地提高了工作效率。
                        </p><strong class="name">Jessica Watson</strong>
                    </div>
                </div>
            </div>
            <div class="item-holder">
                <div class="item">
                    <div class="avatar"><img src="{{url_for('main.static',filename='img/seo-tool/avatar-5.jpg')}}"
                            alt="..." class="img-fluid"></div>
                    <div class="text">
                        <div class="quote">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="512" height="512"
                                class="img-fluid">
                                <path d="M0 4v24l12-12V4zm20 0v24l12-12V4z" fill="#e4e4e4" />
                            </svg>
                        </div>
                        <p>这款软件真的非常好用！它的界面设计简洁明了，操作起来也十分便捷。无论是新手还是老手，都能快速上手并熟练掌握各项功能。同时，软件的运行速度非常快，无论是处理大量数据还是进行复杂运算，都能迅速给出结果，极大地提高了工作效率。
                        </p><strong class="name">Sarrah Wood</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- <section class="jumbotron text-center"
    style="background-image: url({{url_for('main.static',filename='img/banner.jpg')}});background-repeat: no-repeat;background-size: cover; ">
    <div class="container">
        <h1 class="jumbotron-heading">Seo-Tool —— Seo辅助工具</h1>
        <p class="lead text-muted">Seo-Tool
            支持关键词排名批量查询，支持网站收录查询，支持站点状态检测，支持定时任务，支持外链发送，支持Ai文章批量生成等功能，根据用户需求会不断扩充功能模块；该软件长期维护</p>
        <p>
            {% set appversion = app_version('seo-tool') %}
            <a href="{{url_for('main.seo_tool_download')}}" class="btn btn-primary my-2" target="_blank">免费下载[V{{appversion.version}}]</a>
        </p>
    </div>
</section> -->

<div class="album py-5 bg-light">
    <div class="container">

        <div class="row">
            {% for a in category.articles() %}
            <div class="col-md-4">
                <div class="card mb-4 box-shadow">
                    <img class="card-img-top"
                        data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail"
                        alt="{{a.title}}" src="{{a.thumbnail_img()}}" data-holder-rendered="true"
                        style="height: 225px; width: 100%; display: block;">
                    <div class="card-body">
                        <p class="card-text"><a href="{{url_for('main.article',name=a.name)}}">{{a.title}}</a></p>
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="btn-group">

                            </div>
                            <small class="text-muted">{{a.publish_time|pretty_date}}</small>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}

        </div>
    </div>
</div>

<!--图片预览-->
<div class="modal fade" id="img-to-big" tabindex="-1" role="dialog" aria-labelledby="img-to-bigTitle"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 90%">
        <img class="rounded mx-auto d-block" alt="image" style="max-width: 100%">
    </div>
</div>

{% endblock %}

{% block js %}
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"> </script>
<script src="https://s1.pstatp.com/cdn/expire-1-M/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script src="{{url_for('main.static',filename='vendor/owl.carousel/owl.carousel.min.js')}}"></script>
<script src="{{url_for('main.static',filename='js/seo-tool.js')}}"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<!-- Custom scripts for this template -->
<!-- <script src="{{url_for('main.static',filename='js/base.js')}}"></script> -->
<!--网站统计代码-->
{% if request.args.get('preview','no') == 'no' %}
{{config.H3BLOG_TONGJI_SCRIPT | safe}}
{% endif %}

<script>
    // $("section img").click(function () {
    //     $("#img-to-big img")[0].src = this.src;
    //     $("#img-to-big").modal('show');
    // })

</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"> </script> -->
{% endblock %}